<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<title>源之东方</title>
	<link href="__STATIC__/css/shopin.css" rel="stylesheet"/>
	<link href="__STATIC__/css/hyzx.css" rel="stylesheet"/>
	<link rel="stylesheet" href="__STATIC__/css/vipCenter.css">
</head>

<body>
<div class="header">
	<div class="left"><a href="javascript:;" class="a-back"><span>返回</span></a></div>
	<div class="center">
		<h1>会员中心</h1>
	</div>
</div><!--//头部结束-->
<div class="container">
        <div id="topHalf">
            <div class="boss">
                <div class="normal">普通会员</div>
                <div class="one">{:session("Auth.Username")}</div>
                <div class="avatar">
                    <img src="{$user.icon}"/>
                </div>
            </div>
        </div>
        <div id="bottomHalf">
            <button id="go">立即成为会员</button>
            <div class="prerogativ">会员特权</div>
            <img src="__STATIC__/images/01.png"  class="Img">
            
            <ul class="weal">
                <li>
                    <img src="__STATIC__/images/06.png">
                    <span>在商城购买商品享有会员价</span>
                </li>
                <li>
                    <img src="__STATIC__/images/04.png">
                    <span>成为会员将开启会员专属积分商城，会员等级提高，享受的特权就越多</span>
                </li>
                <li>
                    <img src="__STATIC__/images/05.png">
                    <span>成为会员后，推广他人成为会员可得二级佣金</span>
                </li>
                <li>
                    <img src="__STATIC__/images/03.png">
                    <span>商城如有最新活动会员将优先通知，之后还会不定期举行会员活动</span>
                </li>
            </ul>
        </div>
<script src="__STATIC__/js/jquery-3.1.1.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
	var obj = document.getElementById("go");
	obj.addEventListener('click', function () {
		$.ajax({
			type: 'post',
			url: '/become_member',
			success: function (data) {
				wx.config({
					debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
					appId: data.appId, // 必填，公众号的唯一标识
					timestamp: data.timeStamp, // 必填，生成签名的时间戳
					nonceStr: data.nonceStr, // 必填，生成签名的随机串
					signature: data.paySign,// 必填，签名
					jsApiList: [
						'chooseWXPay'
					] // 必填，需要使用的JS接口列表

				});
				wx.ready(function () {

					// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
					wx.chooseWXPay({
						timestamp: data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
						nonceStr: data.nonceStr, // 支付签名随机串，不长于 32 位
						package: data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
						signType: data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
						paySign: data.paySign, // 支付签名
						success: function (res) {
							window.location.href = '/';
						}
					});
				});
			},
			error: function (e) {
//                            console.log(e);
			}
		});
	});

	//判断是否为会员
	/*$.ajax({
		type:"post",
		url:"",
		async:true,
		dataType:'json',
		data:{
			id:
		},
		success:function(data,stake){
			console.log(data);
			if(!stake==0){
				//是会员用户
				document.getElementsByClassName('invitation_code')[0].style.display='block';
				document.getElementById("go").innerHTML='您已经是会员';
				document.getElementById("ordinary").innerHTML="会员用户";
				document.getElementById("go").disabled=true;
			}else{
				//不是会员用户
				document.getElementsByClassName('invitation_code')[0].style.display='none';
			}
		},
		error:function(error){ 
			//异常处理；
			console.log(error); 
		}
	});*/
	$('.a-back').click(function () {
		window.history.go(-1);
	})
</script>
</body>

</html>

